// 3s 把宽度从100px变为640px，即增加540px
// 60帧/s，3s 180帧，每次变化3px

// setTimeout
const $div1 = $('#div1')
let curWidth = 100
let maxWidth = 640

// function animate() {
//     curWidth = curWidth + 3
//     $div1.css('width', curWidth)
//     if (curWidth < maxWidth) {
//         setTimeout(animate, 16.7)  // 自己控制时间
//     }
// }
//
// animate()

// RAF
function animate() {
    curWidth = curWidth + 3
    $div1.css('width', curWidth)
    if (curWidth < maxWidth) {
        window.requestAnimationFrame(animate) // 浏览器控制
    }
}

animate()
